header menu を固定するUserCSS

/icons/hr.icon

半透明にする

code:style.css

--navbar-bg: rgba(41, 169, 114, 0.7);

}

--navbar-bg: rgba(64, 69, 81, 0.7);

}

--navbar-bg: rgba(2, 167, 137, 0.7);

}

code:style.css

.navbar {

position: sticky;

top: 0px;

z-index: 51010;

}

.expandable-menu {

z-index: 51011;

}

.page-menu {

top: 70px;

}

.global-menu.dropdown-menu {

overflow-y: scroll;

max-height: calc(100vh - 58px);

}

.modal {

z-index: 501013;

}

.modal-backdrop {

z-index: 501012;

}

code:style.css_disabled

/* はりつくメニューバー */

@media screen and (min-height: 600px) and (min-width: 768px) {

.app:not(.presentation) { padding-top: 90px; padding-right: 0 !important }

.app:not(.presentation) .page-menu { position: fixed; top: 90px }

.navbar {

position: fixed; top: 0; left: 0; right: 0; z-index: 990; overflow: unset;

}

.dropdown.open .dropdown-menu {

position: absolute; left: auto; top: auto;

max-height: calc(100vh - 100px); overflow-y: auto;

}

.dropdown.open .dropdown-menu.global-menu { left: 0; top: 54px }

.page-menu .dropdown.open .dropdown-menu { position: absolute; top: 0 }

}